﻿<link rel="stylesheet" type="text/css" href="modules/IShopStore/pnjavascript/jquery.ad-gallery.1.2.4/jquery.ad-gallery.css">
<script type="text/javascript" src="modules/IShopStore/pnjavascript/jquery.ad-gallery.1.2.4/jquery.ad-gallery.js"></script>
<script type="text/javascript">
  $(function() {
    $('img.image1').data('ad-desc', 'Whoa! This description is set through elm.data("ad-desc") instead of using the longdesc attribute.<br>And it contains <strong>H</strong>ow <strong>T</strong>o <strong>M</strong>eet <strong>L</strong>adies... <em>What?</em> That aint what HTML stands for? Man...');
    $('img.image1').data('ad-title', 'Title through $.data');
    $('img.image4').data('ad-desc', 'This image is wider than the wrapper, so it has been scaled down');
    $('img.image5').data('ad-desc', 'This image is higher than the wrapper, so it has been scaled down');
    var galleries = $('.ad-gallery').adGallery();
    $('#switch-effect').change(
      function() {
        galleries[0].settings.effect = $(this).val();
        return false;
      }
    );
    $('#toggle-slideshow').click(
      function() {
        galleries[0].slideshow.toggle();
        return false;
      }
    );
    $('#toggle-description').click(
      function() {
        if(!galleries[0].settings.description_wrapper) {
          galleries[0].settings.description_wrapper = $('#descriptions');
        } else {
          galleries[0].settings.description_wrapper = false;
        }
        return false;
      }
    );
  });
  </script>
<style type="text/css">
#breadcrumb li{ float:left;}
</style>
<div id="breadcrumb">
	<ul>
		<li>
			<!--[get_category_by_id cat_id=$view.categories_id]--><a href="<!--[pnmodurl modname='IShopStore' func='list' ctrl='item' categories_id=$view.categories_id]-->"> <!--[$cat_name]--></a>
		</li>
		<li>
			<a href="#"><!--[$view.title|pnvarprepfordisplay]--></a><!--[if $view.status eq '9']--><!--[/if]-->
		</li>
	</ul>
</div>
<!-- ******************************************Start gallery****************************************** -->
		<div id="gallery" class="ad-gallery">
			<div class="ad-image-wrapper">
			</div>
			<div class="ad-controls">
			</div>
			<div class="ad-nav">
				<div class="ad-thumbs">
					<ul class="ad-thumb-list">
							<!--[foreach from=$extendResult.files item=img key=k]-->
								<li>
									<a href="<!--[pngetbaseurl]--><!--[$img.imagename]-->">
										<img src="<!--[pngetbaseurl]--><!--[$img.thumbname]-->" width="100" height="67" >
									</a>
								</li>
							<!--[/foreach]-->
					</ul>
				
				</div>
			</div>
		</div>
		<div id="descriptions"></div>
<!-- ******************************************End gallery****************************************** -->	
<div class="view_detail">
<h3>รายละเอียดสินค้า</h3>
<p><!--[$view.detail]--></p>
<button class="button_cart button_cart_right">หยิบใส่ตะกร้า</button>
</div>

